<%@ page language="java" contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix='c' uri='http://java.sun.com/jstl/core_rt'%>
<%@ page
	import="org.springframework.security.core.AuthenticationException"%>
<%@ page
	import="org.springframework.security.web.authentication.AbstractAuthenticationProcessingFilter"%>
<%@ page
	import="org.springframework.security.web.authentication.UsernamePasswordAuthenticationFilter"%>

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Appointment Manager</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
<!-- Remove this Robots Meta Tag, to allow indexing of site -->

<link href="<c:url value='/site/bootstrap/css/bootstrap.min.css'/>"
	rel="stylesheet" type="text/css">
<link
	href="<c:url value='/site/bootstrap/css/bootstrap-responsive.min.css'/>"
	rel="stylesheet" type="text/css">


<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

<!-- Icons -->
<link
	href="<c:url value='/site/scripts/icons/general/stylesheets/general_foundicons.css'/>"
	media="screen" rel="stylesheet" type="text/css" />
<link
	href="<c:url value='/site/scripts/icons/social/stylesheets/social_foundicons.css'/>"
	media="screen" rel="stylesheet" type="text/css" />
<!--[if lt IE 8]>
        <link href="../site/scripts/icons/general/stylesheets/general_foundicons_ie7.css" media="screen" rel="stylesheet" type="text/css" />
        <link href="../site/scripts/icons/social/stylesheets/social_foundicons_ie7.css" media="screen" rel="stylesheet" type="text/css" />
    <![endif]-->
<link rel="stylesheet" type="text/css"
	href="<c:url value='/site/scripts/fontawesome/css/font-awesome.min.css'/>">
<!--[if IE 7]>
        <link rel="stylesheet" href="../site/scripts/fontawesome/css/font-awesome-ie7.min.css">
    <![endif]-->


<link href="<c:url value='/site/scripts/carousel/style.css'/>"
	rel="stylesheet" type="text/css" />
<link href="<c:url value='/site/scripts/camera/css/camera.css'/>"
	rel="stylesheet" type="text/css" />

<link href="http://fonts.googleapis.com/css?family=Allura"
	rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Aldrich"
	rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Open+Sans"
	rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Open+Sans"
	rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Pacifico"
	rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Calligraffitti"
	rel="stylesheet" type="text/css">

<link href="<c:url value='/site/styles/custom.css'/>" rel="stylesheet"
	type="text/css" />

<script type="text/javascript"
	src="<c:url value='/site/scripts/jquery-1.7.1.js' />"></script>
<script type="text/javascript"
	src="<c:url value='/site/scripts/jquery.ui.core.js' />"></script>
<script type="text/javascript"
	src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>

<!-- <script>
		$("li#signup").click(function(e) {
			if ($("#signup").valid()) {
				$.ajax({
					type : "GET",
					traditional : true,
					url : "AppointmentMgr/signup",
					async : false,
					data : {
					},
					dataType : "json",
					success : function() {
						$("#signup").submit();
						},
						error : function() {
							alert("error");
						}
				});
				return true;
			}
			return false;
		});
		$("li#signin").click(function(e) {
			if ($("#signin").valid()) {
				$.ajax({
					type : "GET",
					traditional : true,
					url : "AppointmentMgr/signin",
					async : false,
					data : {
					},
					dataType : "json",
					success : function() {
						$("#signin").submit();
						},
						error : function() {
							alert("error");
						}
				});
				return true;
			}
			return false;
		});
</script> -->

<script type="text/javascript">//<![CDATA[
			function submitSignupform(){
				document.getElementById("signup").submit();
			}
			function submitSigninform(){
				document.getElementById("signin").submit();
			}
	//]]>
</script>
</head>
<body id="pageBody">

	<div id="decorative2">
		<div class="container">

			<div class="divPanel topArea notop nobottom">
				<div class="row-fluid">
					<div class="span12">

						<div id="divLogo" class="pull-left">
							<a href="login.jsp" id="divSiteTitle">Appointment Manager</a><br />
							<a href="login.jsp" id="divTagLine">Online web-based appointment manager</a>
						</div>
<form id="signup" action="<c:url value='/signup' /> " method="POST"></form>
<form id="signin" action="<c:url value='/signin' /> " method="POST"></form>
						<div id="divMenuRight" class="pull-right">
							<div class="navbar">
								<button type="button"
									class="btn btn-navbar-highlight btn-large btn-primary"
									data-toggle="collapse" data-target=".nav-collapse">
									NAVIGATION <span class="icon-chevron-down icon-white"></span>
								</button>
								<div class="nav-collapse collapse">
									<ul class="nav nav-pills ddmenu">
										<li class="dropdown active"><a href="login.html">Home</a></li>
										<li class="dropdown"><a href="signin.html"
											class="dropdown-toggle">Access<b class="caret"></b></a>
											<ul class="dropdown-menu">
												<li id="signin"><a href="javascript: submitSigninform();">Sign in</a></li>
												<li id="signup"><a href="javascript: submitSignupform();">Sign up</a></li>
											</ul></li>
									</ul>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="decorative1" style="position: relative">
		<div class="container">
			<div class="divPanel headerArea">
				<div class="row-fluid">
					<div class="span12">
						<div id="headerSeparator"></div>
						<div class="row-fluid">
							<div class="span6">
								<div id="divHeaderText" class="page-content">
									<div id="divHeaderLine1">Register now</div>
									<br />
									<div id="divHeaderLine2">Effective way to schedule
										appointment</div>
									<br />
									<div id="divHeaderLine3">
										<a class="btn btn-danger" href="#">Read More</a>
									</div>
								</div>
							</div>

							<div class="span6">
								<!--Edit Camera Slider here-->
								<div id="camera_wrap">
									<div
										data-src="<c:url value='/site/images/appointment_1.jpg' />">
										<div class="camera_caption fadeFromBottom cap1">Nice
											meeting you, I am looking forward to work with you.</div>
									</div>
									<div
										data-src="<c:url value='/site/images/appointment_5.jpg' />">
										<div class="camera_caption fadeFromBottom cap2">Jesus,
											I'm gonna die here.</div>
									</div>
									<div
										data-src="<c:url value='/site/images/appointment_2.jpg' />">
										<div class="camera_caption fadeFromBottom cap1">Oh, I'm
											running out of time.</div>
									</div>
									<div
										data-src="<c:url value='/site/images/appointment_4.jpg' />">
										<div class="camera_caption fadeFromBottom cap1">Guys, I
											need all your support.</div>
									</div>
								</div>
								<!--End Camera Slider here-->
							</div>
						</div>
						<div id="headerSeparator2"></div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="contentOuterSeparator"></div>

	<div class="container">

		<div class="divPanel page-content">
			<!--Edit Main Content Area here-->
			<div class="row-fluid">
				<div class="span12" id="divMain">
					<h1>Welcome</h1>
					<p>
						<strong>Lorem ipsum dolor sit amet,</strong> consectetuer
						adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
						laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim
						veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
						nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure
						dolor in hendrerit in vulputate velit esse molestie consequat.
					</p>

					<p>
						At vero eos et accusamus et iusto odio dignissimos ducimus
						qui blanditiis praesentium voluptatum deleniti atque corrupti quos
						dolores et quas molestias excepturi sint occaecati cupiditate non
						provident, similique sunt in culpa qui officia deserunt mollitia
						animi, id est laborum et dolorum fuga.
					</p>

					<hr style="margin: 45px 0 35px" />

					<div class="row-fluid">

						<div class="span4">
							<h4>About Us</h4>
							<img src="<c:url value='/site/images/home-1.jpg' />"
								class="img-polaroid" style="margin: 5px 0px 15px;" alt="">
							<p>
								Sed ut perspiciatis unde omnis iste natus error sit voluptatem
								accusantium doloremque laudantium, totam rem aperiam, eaque ipsa
								quae ab illo inventore veritatis et quasi architecto beatae
								vitae dicta sunt explicabo. <br />
							</p>
							<p>
								<a class="btn btn-primary" style="margin: 5px 0px 15px;">Learn
									more</a>
							</p>
						</div>

						<div class="span4">
							<h4>Our Passion</h4>
							<img src="<c:url value='/site/images/home-2.jpg' />"
								class="img-polaroid" style="margin: 5px 0px 15px;" alt="">
							<p>
								Sed ut perspiciatis unde omnis iste natus error sit voluptatem
								accusantium doloremque laudantium, totam rem aperiam, eaque ipsa
								quae ab illo inventore veritatis et quasi architecto beatae
								vitae dicta sunt explicabo. <br />
							</p>
							<p>
								<a class="btn btn-primary" style="margin: 5px 0px 15px;">Learn
									more</a>
							</p>
						</div>

						<div class="span4">
							<h4>Special Events</h4>
							<img src="<c:url value='/site/images/home-3.jpg' />"
								class="img-polaroid" style="margin: 5px 0px 15px;" alt="">
							<p>
								Sed ut perspiciatis unde omnis iste natus error sit voluptatem
								accusantium doloremque laudantium, totam rem aperiam, eaque ipsa
								quae ab illo inventore veritatis et quasi architecto beatae
								vitae dicta sunt explicabo. <br />
							</p>
							<p>
								<a class="btn btn-primary" style="margin: 5px 0px 15px;">Learn
									more</a>
							</p>
						</div>

					</div>

					<hr style="margin: 45px 0 35px" />

					<div class="lead">
						<h1>Lorem ipsum dolor sit amet.</h1>
						<h3>Vivamus leo ante, consectetur sit amet vulputate vel,
							dapibus sit amet lectus.</h3>
					</div>
					<br />

					<div class="list_carousel responsive">
						<ul id="list_photos">
							<li><img src="<c:url value='/site/carousal/muffin.jpg' />"
								class="img-polaroid"></li>
							<li><img
								src="<c:url value='/site/carousal/strawberries.jpg' />"
								class="img-polaroid"></li>
							<li><img
								src="<c:url value='/site/carousal/cheesecake.jpg' />"
								class="img-polaroid"></li>
							<li><img src="<c:url value='/site/carousal/peppers.jpg' />"
								class="img-polaroid"></li>
							<li><img
								src="<c:url value='/site/carousal/pomengranates.jpg' />"
								class="img-polaroid"></li>
							<li><img
								src="<c:url value='/site/carousal/refreshment.jpg' />"
								class="img-polaroid"></li>
							<li><img src="<c:url value='/site/carousal/kitchen.jpg' />"
								class="img-polaroid"></li>
							<li><img src="<c:url value='/site/carousal/soup.jpg' />"
								class="img-polaroid"></li>
						</ul>
					</div>

					</br>

					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
						Integer eu metus risus. Mauris a facilisis justo, sit amet ornare
						lorem. In volutpat laoreet nisi, ac tempus dui convallis eget. Ut
						id lorem at leo suscipit dignissim. Donec eleifend porta sagittis.
						Aliquam at ullamcorper sem, et commodo quam.</p>
					</br>
					<!--Edit Blockquote here-->
					<blockquote>

						<h3 class="text-success">Lorem ipsum dolor sit amet,
							consectetur adipiscing elit. Integer posuere erat a ante.</h3>
						<small>Someone famous <cite title="Source Title">Source
								Title</cite></small>

					</blockquote>
					<!--/End Blockquote-->
					<p>Aenean vulputate magna ipsum, vitae elementum tortor aliquam
						eu. Nullam rutrum erat eu purus cursus, a volutpat orci lacinia.
						Sed sed sem mollis, egestas tellus vel, posuere sapien. Sed at
						ipsum ullamcorper, ultrices elit at, accumsan nulla. Suspendisse
						lobortis neque ac diam vehicula, gravida commodo sem adipiscing.
						Quisque nec libero nibh.</p>



				</div>

			</div>
			<!--End Main Content Area here-->

			<div id="footerInnerSeparator"></div>
		</div>

	</div>

	<div id="footerOuterSeparator"></div>

	<div id="divFooter" class="footerArea">

		<div class="container">

			<div class="divPanel">

				<div class="row-fluid">
					<div class="span3" id="footerArea1">

						<h3>About</h3>

						<p>I, Parth Pandya, passionate about web development and here
							by I am presenting appointment manager application for in general
							use.</p>

						<p>
							<a href="#" title="Terms of Use">Terms of Use</a><br /> <a
								href="#" title="Privacy Policy">Privacy Policy</a><br /> <a
								href="#" title="FAQ">FAQ</a><br /> <a href="#" title="Sitemap">Sitemap</a>
						</p>

					</div>
					<div class="span3" id="footerArea2">

						<h3>Recent Blog Posts</h3>
						<p>
							<a href="#" title="">Lorem Ipsum is simply dummy text</a><br />
							<span style="text-transform: none;">2 hours ago</span>
						</p>
						<p>
							<a href="#" title="">Duis mollis, est non commodo luctus</a><br />
							<span style="text-transform: none;">5 hours ago</span>
						</p>
						<p>
							<a href="#" title="">Maecenas sed diam eget risus varius</a><br />
							<span style="text-transform: none;">19 hours ago</span>
						</p>
						<p>
							<a href="#" title="">VIEW ALL POSTS</a>
						</p>

					</div>
					<div class="span3" id="footerArea3">

						<h3>How I exist ?</h3>
						<p>This idea put into implementation from the desire to learn
							and utilize programming skills and implementing mobile
							application.
						</p>

					</div>
					<div class="span3" id="footerArea4">

						<h3>Get in Touch</h3>

						<ul id="contact-info">
							<li><i class="general foundicon-phone icon"></i> <span
								class="field">Phone:</span> <br /> (778) 776 9331</li>
							<li><i class="general foundicon-mail icon"></i> <span
								class="field">Email:</span> <br /> <a
								href="mailto:admin@parthpandya.in" title="Email">admin@parthpandya.in</a>
							</li>
						</ul>
					</div>
				</div>

				<br />
				<br />
				<div class="row-fluid">
					<div class="span12" align="center">
						<p class="copyright">Copyright 2014 by www.parthpandya.in - All Rights Reserved.</p>
						<p class="social_bookmarks">
							<a href="#"><i class="social foundicon-facebook"></i>Facebook</a>
							<a href=""><i class="social foundicon-twitter"></i>Twitter</a>
							<a href="#"><i class="social foundicon-pinterest"></i>Pinterest</a>
						</p>
					</div>
				</div>
				<br />

			</div>

		</div>

	</div>

	<script src="<c:url value='/site/scripts/jquery.min.js' />"
		type="text/javascript"></script>
	<script
		src="<c:url value='/site/scripts/bootstrap/js/bootstrap.min.js' />"
		type="text/javascript"></script>
	<script src="<c:url value='/site/scripts/default.js' />"
		type="text/javascript"></script>

	<script
		src="<c:url value='/site/scripts/carousel/jquery.carouFredSel-6.2.0-packed.js' />"
		type="text/javascript"></script>
	<script type="text/javascript">$('#list_photos').carouFredSel({ responsive: true, width: '100%', scroll: 2, items: {width: 320,visible: {min: 2, max: 6}} });</script>
	<script
		src="<c:url value='/site/scripts/camera/scripts/camera.min.js' />"
		type="text/javascript"></script>
	<script
		src="<c:url value='/site/scripts/easing/jquery.easing.1.3.js' />"
		type="text/javascript"></script>
	<script type="text/javascript">function startCamera() {$('#camera_wrap').camera({ fx: 'scrollLeft', time: 2000, loader: 'none', playPause: false, navigation: true, height: '65%', pagination: true });}$(function(){startCamera()});</script>
	<!-- <script type="text/javascript">
		$(document).on("click", "#p", function displaySignup(){
			<input type="hidden" value="signup" />
		});
		</script> -->
	</body>
</html>